<template>
    <div style="padding: 10px;width: 100%;">
        <div
            style="color: rgb(9, 83, 156);font-size: 20px;border-bottom: 1px solid rgb(187, 189, 190);width: 100%;margin-bottom: 30px;">
            修改告警配置</div>
        <div>
            <span>应用分类 </span>
            <el-select v-model="fenlei" placeholder="请选择">
                <el-option v-for="item in options" :key="item.value" :label="item.value" :value="item.value">
                </el-option>
            </el-select>
        </div>
        <div style="margin:30px 0 ;">
            <span>应用表单 </span>
            <el-select v-model="biaodan" placeholder="请选择">
                <el-option v-for="item in options2" :key="item.value" :label="item.value" :value="item.value">
                </el-option>
            </el-select>
        </div>
        <div>
            <span>方案描述 </span>
            <el-select v-model="miaoshu" placeholder="请选择">
                <el-option v-for="item in options3" :key="item.value" :label="item.value" :value="item.value">
                </el-option>
            </el-select>
        </div>

        <div style="margin-top: 30px;">
            <el-button type="primary" style="margin:20px 40px;" @click="queren">确认</el-button>
            <el-button  @click="quxiao">取消</el-button>
        </div>
    </div>
</template>
  
<script>
export default {
    data() {
        return {
            options: [{
                value: '硬件类',
                label: '选项1'
            }, {
                value: '软件类',
                label: '选项2'
            }, {
                value: '文档类',
                label: '选项3'
            },],
            options2: [{
                value: '全部',
                label: '选项1'
            }, {
                value: '服务器',
                label: '选项2'
            }, {
                value: '储存',
                label: '选项3'
            }, {
                value: '网络设备',
                label: '选项4'
            }, {
                value: '机房环境',
                label: '选项5'
            }, {
                value: '桌面PC',
                label: '选项6'
            }, {
                value: '外设',
                label: '选项7'
            },],
            options3: [{
                value: '全部',
                label: '选项1'
            }, {
                value: '服务器报警',
                label: '选项2'
            }, {
                value: '储存报警',
                label: '选项3'
            }, {
                value: '网络设备报警',
                label: '选项4'
            }, {
                value: '机房环境报警',
                label: '选项5'
            }, {
                value: '桌面PC报警',
                label: '选项6'
            }, {
                value: '外设报警',
                label: '选项7'
            },],
            fenlei: '软件类',
            biaodan: '全部',
            miaoshu: '服务器报警',
        }
    },
    methods: {
        queren() {
            this.$axios.patch(`/WuJiETianJia/${this.$store.state.wujiid}`, {
                fenlei: this.fenlei,
                biaodan: this.biaodan,
                miaoshu: this.miaoshu,
            }).then(()=>{
                this.$router.push('/home/knowledge/wuJiE')
            })
        },
        quxiao(){
            this.$router.push('/home/knowledge/wuJiE')
        }
    }

}
</script>